﻿<%@ Page Title="" Language="C#" MasterPageFile="~/controlasistencia/Plantilla.Master" AutoEventWireup="true" CodeBehind="coordinador.aspx.cs" Inherits="Presentacion.controlasistencia.coordinador" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <script src="js/validaciones.js"></script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="contenido" runat="server">

    <form id="frmCoordinador" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server" EnablePageMethods="true"></asp:ScriptManager>

        <asp:Timer ID="Timer1" runat="server" Enabled="False" Interval="1000" OnTick="Timer1_Tick"></asp:Timer>
        <asp:HiddenField ID="hddDocumento" runat="server" />
        <asp:HiddenField ID="hddIdDocente" ClientIDMode="Static" runat="server" />
        <asp:HiddenField ID="hddIdCarrera" ClientIDMode="Static" runat="server" />


        <div class="row">
            <div class="col-lg-12">
                <div class="page-title">
                    <h2>MÓDULO ADMINISTRADOR
                        <small>
                            <asp:Label ID="Label1" runat="server" Text="">COORDINADORES</asp:Label></small>
                    </h2>
                    <ol class="breadcrumb">
                        <li><i class="fa"></i><a href="index.aspx" class="tamano-breadcrumbs">Inicio</a>
                        </li>
                        <li class="active tamano-breadcrumbs">Coordinadores</li>
                    </ol>
                </div>
            </div>
        </div>

        <div class="clearfix"></div>

        <div class="row">

            <div class="col-lg-12">

                <div class="portlet portlet-green">
                    <div class="portlet-heading">
                        <div class="portlet-title">
                            <h4>DATOS DEL COORDINADOR</h4>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div class="portlet-body">
                        <div class="col-lg-12">
                            <div class="col-lg-6">
                            </div>
                            <div class="col-lg-6">
                                <div class="input-group">
                                    <asp:TextBox ID="txtBuscar" CssClass="form-control" placeholder="Ingrese cédula o pasaporte." runat="server"></asp:TextBox>
                                    <span class="input-group-btn">
                                        <asp:LinkButton ID="btnBuscar" class="btn btn-green" runat="server" OnClick="btnBuscar_Click"><i class="fa fa-search"></i> Buscar</asp:LinkButton>
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-4">
                                <h4>Nombres</h4>
                                <asp:Label ID="lblNombres" CssClass="form-control" runat="server" Text=""></asp:Label>
                            </div>
                            <div class="col-lg-4">
                                <h4>Carrera</h4>
                                <asp:Label ID="lblCarrera" CssClass="form-control" runat="server" Text=""></asp:Label>
                            </div>
                            <div class="col-lg-4">
                                <h4>Año</h4>
                                <asp:DropDownList ID="ddlAñoCoordinador" CssClass="form-control" runat="server" Enabled="False">
                                    <asp:ListItem Selected="True"></asp:ListItem>
                                    <asp:ListItem Value="PRIMER">PRIMER</asp:ListItem>
                                    <asp:ListItem Value="SEGUNDO">SEGUNDO</asp:ListItem>
                                    <asp:ListItem Value="TERCER">TERCER</asp:ListItem>
                                    <asp:ListItem Value="CUARTO">CUARTO</asp:ListItem>
                                    <asp:ListItem Value="QUINTO">QUINTO</asp:ListItem>
                                </asp:DropDownList>
                            </div>
                            <div class="clearfix"></div>
                            <div class="col-lg-12">
                                <div align="right">
                                    <p>&nbsp</p>

                                    <asp:Button runat="server" Text="Guardar" class="btn btn-green" ID="btnGuardarUsuario" Visible="False" OnClick="btnGuardarUsuario_Click" />
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- /.portlet -->
                <div class="portlet portlet-green">
                    <div class="portlet-heading">
                        <div class="portlet-title">
                            <h4>COORDINADORES DE AÑO</h4>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div class="portlet-body">
                        <div class="table-responsive">
                            <table class="table table-bordered">
                                <thead>
                                    <tr>
                                        <th>Cédula</th>
                                        <th>Nombres</th>
                                        <th>Carrera</th>
                                        <th>Año</th>
                                        <th colspan="2">Controles</th>
                                    </tr>
                                </thead>
                                <tbody id="contenidocoordinadores">
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <!-- /.portlet -->


                <div class="portlet portlet-green">
                    <div class="portlet-heading">
                        <div class="portlet-title">
                            <h4>COORDINADORES DE AÑO DESACTIVADOS</h4>
                        </div>
                        <div class="portlet-widgets">
                            <a data-toggle="collapse" data-parent="#accordion" href="#tablaDesactivados"><i class="fa fa-chevron-down"></i></a>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div id="tablaDesactivados" class="panel-collapse in" style="height: 0px;">
                        <div class="portlet-body">
                            <div class="table-responsive">
                                <table class="table table-bordered">
                                    <thead>
                                        <tr>
                                            <th>Cédula</th>
                                            <th>Nombres</th>
                                            <th>Carrera</th>
                                            <th>Año</th>
                                            <th colspan="2">Controles</th>
                                        </tr>
                                    </thead>
                                    <tbody id="contenidodesactivado">
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
        <!-- Flex Modal -->
        <div class="modal modal-flex fade" id="modificarCoordinador" tabindex="-1" role="dialog" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                        <h4 class="modal-title" id="flexModalLabel">Modificar Año a Coordinar</h4>
                    </div>
                    <div class="modal-body">

                        <div class="form-group">
                            <label class="control-label" for="ddlModificarCoordinador">Año a modificar:</label>
                            <asp:DropDownList ID="ddlModificarCoordinador" ClientIDMode="Static" CssClass="form-control" runat="server">
                                <asp:ListItem Selected="True"></asp:ListItem>
                                <asp:ListItem Value="PRIMER">PRIMER</asp:ListItem>
                                <asp:ListItem Value="SEGUNDO">SEGUNDO</asp:ListItem>
                                <asp:ListItem Value="TERCER">TERCER</asp:ListItem>
                                <asp:ListItem Value="CUARTO">CUARTO</asp:ListItem>
                                <asp:ListItem Value="QUINTO">QUINTO</asp:ListItem>
                            </asp:DropDownList>
                        </div>

                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
                        <asp:Button ID="btnModificar" CssClass="btn btn-green" runat="server" Text="Guardar Cambios" OnClick="btnModificar_Click" />
                    </div>
                </div>
            </div>
            <!-- /.modal-content -->

            <!-- /.modal-dialog -->
        </div>
        <!-- /.modal -->


    </form>

</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="script" runat="server">
    <script>

        function actualizarTabla() {
            $.ajax({
                type: "POST",
                url: "coordinador.aspx/activados",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (response) {
                    $("#contenidocoordinadores").empty();
                    $("#contenidocoordinadores").append(response.d);
                },
                statusCode: {
                    404: function () {
                        errorMessage("Pagina no encontrada");
                    },
                    500: function () {
                        errorMessage("Problemas con el servidor.");
                    }
                },
            });

            $.ajax({
                type: "POST",
                url: "coordinador.aspx/desactivados",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (response) {
                    $("#contenidodesactivado").empty();
                    $("#contenidodesactivado").append(response.d);

                },
                statusCode: {
                    404: function () {
                        errorMessage("Pagina no encontrada");
                    },
                    500: function () {
                        errorMessage("Problemas con el servidor.");
                    }
                },
            });
        }

         

        $(".row").on("click", "[data-estado]", function (e) {
            e.preventDefault();
            var id = $(this).data('id');
            var est = $(this).data('estado');
            PageMethods.desactivar(id, est, sucessMessage);
            setTimeout("actualizarTabla();", 1300);
            
         });


        $(".row").on("click", "a[data-target=#modificarCoordinador]", function (ev) {
            ev.preventDefault();
            var id = $(this).data('id');
            var anio = $(this).data('anio');

            $('#ddlModificarCoordinador option[value=' + anio + ']').attr('selected', 'title')

            $("#hddIdDocente").val(id);

            $("#modificarCoordinador").modal("show");
        });
        $(document).ready(function () {
            actualizarTabla();
        });
    </script>
</asp:Content>
